body { margin: 0; padding: 0; font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
a { color: #f75a53; text-decoration: none}
a:hover, a:focus { color: #f75a53; text-decoration: underline}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 font-family: "microsoft yahei", "lvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.5; color: inherit;}
.h1, .h2, .h3, .h4, .h5, .h6 { margin: 0;}
img { padding: 0; margin: 0; border: 0px;
}
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button {
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 -o-transition: all 0.3s linear;
 transition: all 0.3s linear;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary {
 margin: 0; padding: 0; display: block;}
.clearfix:before, .clearfix:after, .container:before, .container:after, .nav:before, .nav:after, .row:before, .row:after {
 display: table; content: " ";}
.clearfix:after, .container:after, .nav:after, .row:after { clear: both;}
::-moz-selection { /*���Firefox*/ background: #f75a53; color: #fff;}
::selection { background: #f75a53; color: #fff;}
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.container { width: 1290px; min-width: 1290px}
.row { margin-right: -15px; margin-left: -15px}
.pull-left { float: left !important}
.pull-right { float: right !important}
.list-unstyled { padding: 0; margin: 0; list-style: none}
.text-left { text-align: left}
.text-right { text-align: right}
.text-center { text-align: center}
.pingpu-bg { background-repeat: no-repeat; background-position: center top;
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover; /*position: relative;*/
 background-attachment: fixed;}
.pingpu-bg, .rslides, .fuwu-bg, .news, .ny-banner { min-width: 1290px}
.sx-padding { padding: 0px 0;}
.f-title { font-size: 24px; padding: 0; margin: 0 0 25px 0; color: #000000;}
.f-title small { font-size: 14px; color: #999999; display: block; margin-top: 10px;}
.btn-success { color: #fff; background-color: #f75a53; border-width: 0px; border-radius: 5px; padding: 10px 20px 8px 20px;
　　　　　　　 margin: 0 15px; white-space: nowrap; text-overflow: ellipsis;}
.btn-success.about-more { padding: 14px 30px 12px 30px;}
.btn-success.news-more { padding: 7px 10px 5px 10px; margin-left: 0;}
.btn-success:hover, .btn-success:focus, .btn-success:active { color: #fff; background-color: #ff7200; text-decoration: none;}
.btn { margin: 20px 0 0 0;}
.red { color: #f75a53 !important;}
.diwen { color: #FFFFFF; background-color: #f75a53; padding: 10px 20px;}
.c_l {float:left;}
.c_r {float:right;}
.c_b {clear: both;}
html { overflow: scroll; }

/* top */
.wtop{margin:0 auto;height:35px; background-color:#f3f3f3;}
.wtoptext{padding-top:5px;float: left;}
.wtoptel{padding-top:5px;float:right;}
.wtoptels{font-family: Arial; font-weight:bold; color:#f35b00; font-size:18px;}

/* 我们的优势 */
.our-title { font-size: 30px; font-weight: bold; font-family: Arial; padding: 0; margin: 50px 0 0px 0; color: #f75a53;}
.our-title font { font-size: 30px; font-weight: bold; font-family: Arial; color: #333333; margin-top: 10px;text-transform: uppercase;}
.our-title small { font-size: 22px; color: #333333;　font-family: 宋体; font-weight: normal; display: block; margin-top: 0px;}
.our-poto { border: 1px solid #EDEDED; margin:0 12px;}

/* LOGO */
.headroom { position: fixed; top: 0; left: 0; right: 0; transition: all .2s ease-in-out;}
.headroom--unpinned { top: -32px;}
.headroom--pinned { top: 0;}
.header { background-color: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); height: 132px;}
.header-top { z-index: 999999999 !important;}

/* LOGO */
.header h1 { margin: 0; padding: 0;}
.header .logo { padding-top: 12px; padding-bottom: 32px; display: table;}
.header h1 small { font-size: 14px; color: #999; display: table; padding-left: 25px; background-image: url(../images/logo-y-xian.png);
　　　　　 background-repeat: no-repeat; background-position: left center; margin-left: 25px; line-height: 26px; margin-top: 24px;}
.header h1 small a { color: #999;}


/* NAV */
.nav { display: table;}
.nav .nav-bar {}
.nav-bar > li { display: block; float: left; text-align: center; position: relative; margin-top: 20px;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
}
.nav-bar > li:hover, .nav-bar > li.active { background-color: #f75a53;}
.nav-bar > li > a { padding: 23px 18px 25px 18px; display: block; color: #000000; font-size: 14px; line-height: 24px;}
.nav-bar > li > a:hover, .nav-bar > li:hover a, .nav-bar > li.active a { color: #FFFFFF; text-decoration: none;}
.nav-bar > li small { display: none; color: #FFFFFF; font-size: 14px;}
.nav-bar > li:hover small, .nav-bar > li.active small { display: block;}
.nav-bar > li ul { display: none; background-color: #F75A53; border-bottom-left-radius: 5px; padding: 0 0 5px 0;
　　　　　　　　　 border-bottom-right-radius: 5px; position: absolute; left: 0px; top: 72px; z-index: 9999999999;}
.nav-bar > li:hover ul { display: block;}
.nav-bar > li ul li a {
 line-height: 28px;
 padding: 5px 30px;
 color: #666666 !important;
 border-bottom: 1px solid #F5F5F5;
 display: block;
 background-color: #FFFFFF !important;
 min-width: 70px;
 text-align: left;
}
.nav-bar > li ul li a:hover, .nav-bar > li ul li a.hover {
 background-color: #FE7A75 !important;
 color: #FFFFFF !important;
 text-decoration: none;
 border-bottom: 1px solid #F75A53;
}
/* Banner */
.rslides {
 height: 700px;
 overflow: hidden;
 margin: 0 auto;
 width: 100%;
 position: relative;
 list-style: none;
}
.rslides li {
 width: 100%
}
.banner {
 background-repeat: no-repeat;
 background-position: center 100px;
 position: relative;
 background-attachment: fixed;
 height: 600px;
 margin-top: 132px;
}
.rslides_nav {
 height: 75px;
 width: 75px;
 position: absolute;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 opacity: 0.5;
 text-indent: -9999px;
 overflow: hidden;
 background-position: left top;
 background-repeat: no-repeat;
 top: 370px;

 padding:0px;
}
.rslides_nav.next {
 background-image: url(../images/banner-left.png);
 left: 0px;
}
.rslides_nav.prev {
 background-image: url(../images/banner-right.png);
 right: 0px;
}
.rslides_tabs {
 margin: 12px auto 0;
 clear: both;
 text-align: center;
 width: 50px;
}
.rslides_tabs li {
 display: inline;
 float: none;
 _float: left;
 *float: left;
 margin-right: 5px
}
.rslides_tabs a {
 text-indent: -9999px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-position: right top;
 background-image: url(../images/rslides_tabs.png);
 display: inline-block;
 _display: block;
 *display: block;
 width: 9px;
 height: 9px
}
.rslides_tabs .rslides_here a {
 background: rgba(0, 0, 0, .6);
 background-repeat: no-repeat;
 background-position: left top;
 background-image: url(../images/rslides_tabs.png);
}
/* ֪���ͻ� */
.kehu {
 background-color: #F7F7F7;
}
.kehu .row {
 margin: 0 2px 15px 2px;
 border-left: 1px solid #EDEDED;
 border-right: 1px solid #FFFFFF;
 border-top: 1px solid #EDEDED;
}
.kehu figure {
 width: 188px;
 float: left;
 position: relative;
 height: 100px;
 border-right: 1px solid #EDEDED;
 border-bottom: 1px solid #EDEDED;
 background-color: #FFFFFF
}
.kehu figure:hover figcaption {
 display: block;
}
.kehu figure figcaption {
 position: absolute;
 width: 188px;
 height: 100px;
 top: 0px;
 left: 0px;
 display: none;
 background-color: rgba(247, 90, 83, 0.70);
 color: #FFFFFF;
 text-align: center;
 line-height: 100px
}
.kehu figure figcaption {
 font-size: 16px;
}
.kehu figure figcaption a {
 color: #FFFFFF;
}
.kehu figure figcaption a:hover {
 text-decoration: underline;
}

/* home关于我们 */
.about { line-height: 30px; color: #ffffff;}
.about-us {float:left; width:53%;color: #333333; text-align:left;}
.aboutus_title {font-size:20px;}
.aboutus_h {height:3px;width:44px;background-color: #f75a53;margin-top:40px;margin-bottom:20px;}
.aboutcon {color:#666666;}
.aboutmore {padding-top:20px;}
.aboutmore a {padding:8px 40px; width:80px; text-align:center; background-color: #f75a53;color:#ffffff;}
.aboutmore a:hover {padding:8px 40px; width:80px; text-align:center; background-color: #ff2a00;color:#ffffff;}
.about-poto {float:right;}
.about .f-title, .about .f-title small, .about-us a:hover { color: #FFFFFF;}
.about .about-lianjie { margin-top: 20px;}
.about a.ry, .about a.td { background-repeat: no-repeat; text-align: center; padding-top: 86px; margin-left: 20px;
　　　　　　　　　　　　　 margin-right: 20px; display: inline-block; background-position: center top;}
.about a.ry { background-image: url(../images/about-lianjie-1.png);}
.about a.ry:hover { background-image: url(../images/about-lianjie-11.png);}
.about a.td { background-image: url(../images/about-lianjie-2.png);}
.about a.td:hover { background-image: url(../images/about-lianjie-22.png);}

/* fuwu */
.fuwu-bg {
 background-repeat: no-repeat;
 background-position: center center; /*position: relative;*/
 background-attachment: fixed;
 background-color: #ffffff;
}
.fuwu .f-title, .fuwu .f-title small {color: #FFFFFF;}
.fuwu {position: relative;}
.fuwu figure { background-color: rgba(255, 255, 255, 0.80); padding: 120px 20px 15px 20px; margin-bottom: 20px; width: 264px; float: left; 
               margin-top: 0px; position: relative;}
.fuwu figure.bianju { margin-left: 60px; margin-right: 60px;}
.fuwu figure a.pic1, .fuwu figure a.pic2, .fuwu figure a.pic3 { height: 130px; width: 130px; display: block; background-repeat: no-repeat;
            background-position: center top; margin: 0 auto; position: absolute; top: 25px; left: 86px;}
.fuwu figure figcaption { margin-top: 35px; margin-bottom: 15px; font-weight: bold;}
.fuwu figure figcaption a { color: #f75a53; font-size: 16px;}
.fuwu figure figcaption a:hover { text-decoration: underline;}
.fuwu figure p { line-height: 30px; color: #000000;}
.fuwu figure figcaption a.btn-success { margin-bottom: 10px;}

.fuwubottom figure { background-color: rgba(255, 255, 255, 0.80); padding: 20px 10px 0px 10px; margin-bottom: 10px; width: 280px; float: left; 
               margin-top: 0px; position: relative;}
.fuwubottom-poto {margin:0 12px; font-size:16px;}
.fuwubottomp {font-size:14px;color:#666666;margin-bottom:30px;}
.fuwubottomh {width:26px;height:2px;background-color: #f75a53;margin:12px auto 10px auto;}
.feige {width:100%;height:2px; background-color: #f2f2f2; margin:30px 0 20px 0;}

/* news */
.innews {overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.innews .inptit { margin-bottom:0px;}
.innews .inptit span { background:none; position:relative;}
.innews .inptit span em.left {left:0;}
.innews .inptit span em.right {right:0;}

.innewcon ul li {list-style:none; float:left; width:380px; margin:0 20px 0 20px;}
.innewcon ul li .img {overflow:hidden;}
.innewcon ul li .img img {width:100%;}
.innewcon ul li .img:after {padding-bottom:0;}
.innewcon ul li .img img { transition: 0.5s;width:380px;height:237px;}
.innewcon ul li .innewtxt {text-align:left;font-size:14px;}
.innewcon ul li .innewtxt a {display:block; font-size:16px; color:#333333; height:20px; overflow:hidden; line-height:20px;padding-bottom:5px; transition: 0.5s;}
.innewcon ul li .innewtxt span {font-size:14px; color: #717171;}
.innewcon ul li .innewtxt p {font-size:14px; color:#767676; line-height:23px; margin-top:5px; height:46px; overflow: hidden; transition: 0.5s;}
.innewcon ul li:hover .innewtxt a {color: #e75826;}
.innewcon ul li:hover .innewtxt p {color: #444;border-top: 1px solid #ff200;}
.innewcon ul li:hover img { transform: scale(1.2);}
.innewcon ul li:last-child{ margin-top:-17px }
/* �ɹ�����  �ޱ߾���ʽ
.fl-case { height:42px; margin-top: 35px; margin-bottom: 30px; }
.fl-case a { background-color: #F7F7F7; color: #666666; width: 228px; height:40px; line-height:40px; display: inline-block; }
.fl-case a:hover { background-color: #f75a53; color: #FFFFFF; text-decoration: none; }
.case figure { width: 380px; float: left; position: relative; height: 270px; }
.case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px; background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2; }
.case figure:hover figcaption { display:block; }
.case figure figcaption { position: absolute; width: 310px; height: 200px; top: 0px; left: 0px; display: none; background-color: rgba(247,90,83,0.70); padding: 35px; color: #FFFFFF; text-align: left; }
.case figure figcaption h3 { font-size: 18px; font-weight: bold; margin:0 0 8px 0; }
.case figure figcaption h3 a,.case figure figcaption p a { color: #FFFFFF; text-decoration: underline; }
.case figure figcaption h3 a:hover ,.case figure figcaption p a:hover { text-decoration: none; }
.case figure figcaption p { margin:0; line-height:28px;}
.case .row { margin:10px 0px;}
.case-more-top { margin-top:15px !important; }
.case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255,255,255,0.70); color: #f75a53 !important; text-decoration: none !important; }
.case-more:hover { color: #FFFFFF !important;} */

/* home产品案例分类 */
.procenter {width:1256px;margin:0 auto;}
.fl-case { height: 42px; margin-top: -10px; margin-bottom: 10px;}
.fl-case a { color: #ffffff; width: 160px; height: 40px; line-height: 40px; display: inline-block;}
.fl-case a:hover { background-color: #f75a53; color: #FFFFFF; text-decoration: none;}

.casehe {width:1100px; margin:0 auto;}
.casepoto img {max-width:1115px;}
.case figure { width: 290px; float: left; position: relative; margin: 12px;}
.case figure .new { width: 108px; height: 108px; display: block; position: absolute; right: 0px; top: 0px;
                    background-image: url(../images/new.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: 2;}
.case figure:hover figcaption { display: block;}
.case figure figcaption { position: absolute; width: 290px; height: 226px; top: 0px; left: 0px; display: none; background-color: rgba(247, 90, 83, 0.70);
                          padding: 30px; color: #FFFFFF; text-align: left;}
.case figure figcaption h3 { font-size: 18px; font-weight: bold; margin: 0 0 8px 0;}
.case figure figcaption h3 a, .case figure figcaption p a { color: #FFFFFF; text-decoration: underline;}
.case figure figcaption h3 a:hover, .case figure figcaption p a:hover { text-decoration: none;}
.case figure figcaption p { margin: 0; line-height: 28px;}
.case-more-top { margin-top: 15px !important;}
.case-more { padding: 7px 10px 5px 10px; margin-left: 0; background-color: rgba(255, 255, 255, 0.70); color: #f75a53 !important; text-decoration: none !important;}
.case-more:hover { color: #FFFFFF !important;}

/* home product */
.productInfo { margin: 0; display: block; width: 280px; overflow: hidden; padding: 0 10px 10px 10px; color:#ffffff;}
.productInfo > h3 { text-align: center; font-size: 16px; color:#e8e8e8;}
.productInfo > h3 > a { color: black; font-weight: bold; color:#e8e8e8;}
.productInfo > p { font-size: 12px; text-align: left;}
.productbg {margin:0 auto; height:620px; background-image: url(../images/homeproductbg.jpg);padding-top:46px;}
.productcenter {color:#ffffff;font-size: 30px; font-weight: bold; font-family: Arial;}
.productcenter small {color:#ffffff;font-size: 22px; font-family: 宋体;font-weight: normal;margin-top:-10px;}
.homepropoto {width:290px;height:255px;background-color:#ffffff; padding-top:35px;}
.homepropoto img{
    transition: all 0.6s;  
}
.homepropoto img:hover{
    transform: scale(1.2); /* 放大1.2倍 */
}

.promore{margin:0 auto; text-align:center; color:#ababab;}
.promore a {margin:0 auto; text-align:center; border: 1px solid #b2b4b7; color:#ababab; padding:10px 60px 10px 60px;}
.promore a:hover {margin:0 auto; text-align:center; background-color: #ff7200; color:#ffffff;  padding:10px 60px 10px 60px;}

.productyoushibg {margin:0 auto; height:575px; background-image: url(../images/productyoulshi.jpg);padding-top:40px;}
.productyoushi {
    margin-left:50%;color:#ffffff;
    position:relative;
	animation-name:mymove;
	animation-duration:1s;

}
.productyoushi:before, .productyoushi:after 
{
 display: table; content: " ";
}
@keyframes mymove
{
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
}

.procuctyoushiad {color:#ffffff;text-align:left;padding-left:30px;font-size:26px;font-weight: bold;}
.procuctyoushiad small {color:#ffffff; display: block;text-align:left;padding-left:0px;font-weight: normal;font-size:20px;}
.youshipoto {padding:25px 15px 30px 30px; float:left;}
.youshilei {padding-top:20px; text-align:left;}
.youshilei span {font-size:20px;color:#cccccc;}
.youshilei p {color:#cccccc; font-size:14px; font-family: Arial;margin-top:4px;}
.youshitext {color:#cccccc; font-size:14px; max-width:360px; padding:20px 0px 0 50px; text-align:left;}

/* 产品 */
.product {width:1256px;margin:30px auto 0 auto;}
.products {display: block; width: 280px; overflow: hidden; color:#333333;}
.products > h3 { text-align: center; font-size: 14px; color:#333333;}
.products > h3 > a { color: black; font-weight: bold; color:#333333;}
.products > h3 > a:hover { color: black; font-weight: bold; color:#f75a53;}
.products > p { font-size: 12px; text-align: left; margin-top:-15px; color:#666666;}
.propoto {width:290px; height:260px;background-color: #ffffff; padding:35px 0 0 0;}


.info, .neirong { line-height: 24px; color: #333333;}
.info hr, .neirong hr { margin: 30px 0; border: 0; border-top: 1px solid #eee;}
.main { width: 890px; margin-right:50px; margin-left:30px; padding:0 20px 0 20px;}
.main img { max-width:790px;}
.mainbiao {font-size:16px; color:#333333; padding:5px 10px 5px 10px;}
.mainbiao span {font-size:14px; padding-left:20px;}
.mainxiang {font-size:16px;color:#333333;font-weight: bold;padding-left:20px;}
.maintext {padding:5px 10px 0 20px;}

.mainnew {margin-top:30px;margin-bottom:20px;}

/* 加盟 */
.jiamenbg {margin:0 auto; height:545px; background-image: url(../images/supportbg.jpg);padding-top:35px;}
.jiamen {margin:0 auto;}
.jiamenad {color:#333333;text-align:center;font-size:26px;font-weight: bold;}
.jiamenadc {width:206px; margin:-20px auto 100px auto;}
.jiamenada {font-size:40px;color:#ff7200;float:left; width:26px; font-weight: normal;}
.jiamenadb {color:#3333333;font-weight: bold; font-size:24px;float:right; width:180px; padding-top:10px;}
.jiamentext div {width:300px;height:150px; background-color:#fe913a; color:#ffffff; margin:20px 10px 0px 10px;}
.jiamentext div small {font-size:20px;font-weight: bold;line-height:50px;}
.jiamentext div div {height:1px;width:162px; background-color:#ffffff;margin:15px auto 0 auto;}
.jiamentext div p {padding:0 20px;}
.jiamen {
 animation-name:jiamenmove;
 animation-duration:1s;
}
.jiamen:before, .jiamen:after
{
 display: table; content: " ";
}
@keyframes jiamenmove
{
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0,100%,0);
  -ms-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
 }
 100% {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
 }
}
.retelbg {background-image: url(../images/rexianbg.jpg);margin:0 auto;height:230px;}
.retelpoto {padding:60px 0 0 20px;}
.retel {
    color:#ffffff;font-size:44px; font-family: Arial;padding:68px 0 0 20px;font-weight: bold;
    position: relative;
    left: -620px;   
    animation: slide1 0.3s   forwards;
    animation-delay: 0.3s;
}
@keyframes slide1 {
    100% { left: 0px; }
}

.tetelr {
    float:left;margin:30px 0 0 200px;
    position: relative;
    left: -650px;
    animation: slide2 0.3s forwards;
    animation-delay: 0.3s;
}
@keyframes slide2 {
    100% { left: 0px; }
}
.tetelr a {width:100px;padding:10px 40px 12px 40px;background-color:#ff7200;color:#ffffff;}
.tetelr a:hover {width:100px;padding:10px 40px 12px 40px;background-color:#ff2a00;color:#ffffff;}

/* 新闻 */
.news { background-color: #F2F2F2;}
.news section { width: 340px; float: left;}
.news section.bianju { margin-left: 60px; margin-right: 60px;}
.news section h2 { font-size: 16px; color: #000000; font-weight: bold; padding: 0; margin: 0 0 20px 0;}
.news section h2 small { font-size: 16px; text-transform: capitalize;}
.news section ul li { line-height: 30px;}
.news section ul li a { color: #888888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 280px; display: block; float: left;}
.news section ul li a:hover { color: #f75a53;}
.news section ul li small { color: #999999; float: right !important;}
.news section p { margin-top: 25px; margin-bottom: 5px;}

.newsn {padding:0 30px 0 30px;}

.ny-news { border-bottom: 1px solid #EDEDED; padding-bottom: 20px; margin:0 30px 10px 30px;;}
.ny-news h1 a { font-size: 20px; color: #000000}
.ny-news h1 a:hover {color: #f75a53;text-decoration: none;}
.ny-news .shuoming {color: #666666;}
.ny-news .btn-success { margin-left: 0;}
.ny-news .mulu, .ny-news .guanzhu, .ny-news .time { background-image: url(../images/news-kb.png); background-repeat: no-repeat;
             background-position: left 3px; margin-right: 2px; margin-left:13px; height: 22px; padding-left: 20px; padding-top:6px; display: inline-block; color: #999999}
.ny-news .guanzhu {background-position: left -19px;}
.ny-news .time { background-position: left -41px;}
.ny-news .news-qq a, .ny-news .news-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block;
        background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat;}
.ny-news .news-sq a { background-position: left -22px; margin-left: 5px;}

/* footer */
.footer { position: relative; line-height: 28px;}
.footer.sx-padding { padding-bottom: 0;}
.footer section { width: 340px; float: left;}
.footer section.bianju { margin-left: 60px; margin-right: 60px;}
.footer section h3 { font-size: 16px; font-weight: bold; color: #FFF; padding: 0 0 30px 0; margin: 0;}
.footer section h3 small { font-size: 16px;}
.footer section h4 { font-size: 16px; font-weight: bold; color: #FFF; padding: 14px 0 10px 0; margin: 0;}
.footer, .footer a { color: #babcbd; font-size: 12px;}
.footer a:hover { color: #fff;}
.footer p { padding: 0; margin: 0;}
.footer section address {margin: 0; padding: 0;}

/* 底部 */
.foot { background-color: #14171a;}
.footb { background-color: #111111;}

.foot p { margin: 0; padding: 0;}
.foot .copy {height:40px; line-height:40px;margin:0 auto;text-align:center;}
.foot, .foot a { text-transform: uppercase; font-size: 12px; color: #babcbd;}
.foot .renzheng img { margin-left: 10px; margin-top: 19px;}
.footerlogo {padding:45px 50px 30px 60px;}
.footertext {font-size:14px; color:#ffffff; margin:40px 0 0 100px;text-transform:Lowercase;}
.footertext ul li {padding-bottom:5px;}
.footermob {margin:40px 100px 0 0;}
.footermob p {text-align:center;}

.zhixun a {
 width: 40px;
 height: 40px;
 background-image: url(../images/sns.png);
 background-repeat: no-repeat;
 text-indent: -999px;
 overflow: hidden;
 display: block;
 float: left;
 background-color: #f75a53;
 border-radius: 5px;
 margin-right: 15px;
 margin-top: 10px;
}
.zhixun a:hover {
 background-color: #589ED7;
}
.zhixun a.qq {
 background-position: 0px -40px;
}
.zhixun a.sq {
 background-position: 0px -80px;
}
#xm, #dh, #nr {
 font-size: 12px;
 height: 36px;
 width: 320px;
 background-color: #ededee;
 color: #666;
 border-width: 0px;
 margin-bottom: 25px;
 vertical-align: middle;
 padding-right: 10px;
 padding-left: 10px;
 border-radius: 0px;
}
#xm {
 background-image: url(../images/foot-form-bg.png);
 background-repeat: no-repeat;
 background-position: right 0px;
}
#dh {
 background-image: url(../images/foot-form-bg.png);
 background-repeat: no-repeat;
 background-position: right -40px;
}
#nr {
 height: 110px;
 padding-top: 10px;
 vertical-align: top;
 background-image: url(../images/foot-form-bg.png);
 background-repeat: no-repeat;
 background-position: right -160px;
}
#xm:focus, #dh:focus, #nr:focus {
 background-color: #FFF;
 color: #333;
}
#button {
 height: 40px;
 width: 200px;
 text-align: center;
 vertical-align: middle;
 border-width: 0px;
 background-color: #f75a53;
 color: #FFF;
 font-size: 14px;
 border-radius: 5px;
 -webkit-appearance: button;
 cursor: pointer;
}
#button:hover {
 background-color: #589ED7;
}
#savediv {
 padding: 10px 0;
 line-height: 24px;
}
.key, .mail {
 height: 36px;
 width: 318px;
 background-color: hsla(0, 0%, 100%, 0.00);
 color: #babcbd;
 vertical-align: middle;
 padding-right: 10px;
 padding-left: 10px;
 border: 1px solid #b2b4b7;
 border-radius: 0px;
}
.key::-webkit-input-placeholder, .mail::-webkit-input-placeholder {
 color: #babcbd;
}
.mail-tx {
 color: #babcbd;
 font-size: 14px;
 margin: 15px 0;
}
.s-button, .m-button {
 height: 36px;
 width: 36px;
 text-align: center;
 vertical-align: middle;
 background-color: hsla(0, 0%, 100%, 0.00);
 border: 0px solid #babcbd;
 border-radius: 0px;
 -webkit-appearance: button;
 cursor: pointer;
 position: absolute;
 right: 3px;
}
.s-button {
 background-image: url(../images/foot-form-bg.png);
 background-repeat: no-repeat;
 background-position: right -80px;
 text-indent: -999px;
 overflow: hidden;
}
.m-button {
 background-image: url(../images/foot-form-bg.png);
 background-repeat: no-repeat;
 background-position: right -120px;
 text-indent: -999px;
 overflow: hidden;
}
.mail {
 margin: 0 0 40px 0;
}

/* 友情链接 */
.yq-link, .yq-link a, .yq-link small {color:#222222; line-height:28px; font-size:12px; padding:0 10px 0 5px;}
.yq-link {padding-left:80px;}
.yq-link a:hover {color:#ff2000;}
.yq-link hr {border-color:rgba(103, 108, 113, 0.50); width:100%; margin-top:0px; margin-right:0; margin-bottom:10px; margin-left:0;}


/* 在线客服 */
.kefu { background-color: #f75a53; border: 2px solid #fff; position: fixed; width: 80px; top: 198px; right: 10px; text-align: center; display: block;
 -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
 border-radius: 8px;
 font-size: 12px;
 z-index: 9999999;
}
.kefu ul li a { display: block; color: #FFF; text-decoration: none; border-top: 1px solid #ffb4a6; overflow: hidden; height: auto; width: 100%;
　　　　　　　 padding: 0; height: 30px; width: 80px; z-index: 999999; padding-top: 50px;
}
.kefu ul li a:hover { background-color: #589ED7;}
.kefu a.kefu-lx { border-top: 0px solid #ffb4a6; background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: 0 -10px;}
.kefu a.kefu-lx:hover { border-radius: 6px 6px 0px 0px;}
.kefu ul li a.kefu-yy { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -90px;}
.kefu ul li a.kefu-zx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -170px;}
.kefu ul li a.kefu-wx { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -250px;}
.kefu ul li a.kefu-wx .kefu-weixin { padding: 6px; background-color: #FFFFFF; position: absolute; top: 242px; left: -182px; display: none;
 -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);}
.kefu ul li a.kefu-wx:hover .kefu-weixin { display: block;}
.kefu ul li a.kefu-top { background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position: center -335px; padding-top: 40px;}
.kefu ul li a.kefu-top:hover {
 border-radius: 0px 0px 6px 6px;
}
.kefu ul li a.kefu-yy, .kefu ul li a.kefu-zx, .kefu ul li a.kefu-top, .kefu ul li a.kefu-wx {
 display: none;
}
.kefu:hover ul li a.kefu-yy, .kefu:hover ul li a.kefu-zx, .kefu:hover ul li a.kefu-top, .kefu:hover ul li a.kefu-wx {
 display: block;
}
/* 单页面 */
.info p, .info li { color: #666666;　}
.info p {margin:20px 40px 20px 40px;}
.ny-banner { margin-top:130px; padding:0; background-repeat:no-repeat; position:relative; background-attachment:fixed; 
             background-position:center top 100px;}
.ny-banner2 { background-image: url(../images/ny-head-bg2.png);}
.ny-banner h2 {padding-left:100px; font-size:44px; color: #FFFFFF; position:relative;height:140px;}
.ny-banner h2 small { color: #ffb3b0; font-size: 18px; padding-left: 15px; margin-left: 15px; font-weight: normal; }
.ny-banner .weizhi {color: #ffb3b0;}
.ny-banner .weizhi a {color: #ffffff; padding:6px 0 10px 20px;}
.weizhi { padding:6px 0 10px 20px;}

/* 防伪　*/
.yanzhengma {margin-top:-2px; margin-left:10px;}
.fangwei {padding:50px; text-align:center;}

.crumbs {
 background-color: #f7f7f7;
 height: 60px;
}
.crumbs ul li {
 display: inline-block;
 width: 120px;
}
.crumbs ul li a {
 color: #666666;
 line-height: 60px;
 display: inline-block;
 width: 120px;
 font-size: 12px;
 text-align: center
}
.crumbs ul li a:hover, .crumbs ul li a.hover {
 background-color: #FFFFFF;
 color: #f75a53;
 text-decoration: none;
}
.y-m50 {
 margin-right: 50px
}
.y-m60 {
 margin-right: 60px
}
.x-m40 {
 margin-bottom: 40px !important;
}
.x-m30 {
 margin-bottom: 30px;
}
.x-m20 {
 margin-bottom: 20px;
}
.s-m40 {
 margin-top: 40px;
}
zy-m15 {
 margin-left: 15px;
 margin-right: 15px;
}
.s-m-none {
 margin-top: 0 !important;
}
.nr-h20 {
 margin-top: 0px;
 margin-bottom: 20px;
}
.nr-h20-s10 {
 margin-top: 10px;
 margin-bottom: 20px;
}
.nr-h30 {
 margin-top: 0px;
 margin-bottom: 30px;
}


.nyfl-case {
 height: 42px;
 margin-top: 0;
 margin-bottom: 30px;
 background-color: #F7F7F7;
}
.nyfl-case a {
 line-height: 42px;
 padding: 0 25px;
 display: inline-block;
 color: #666666;
 text-align: center;
}
.nyfl-case a:hover, .nyfl-case a.hover {
 background-color: #f75a53;
 color: #FFFFFF;
 text-decoration: none;
}
.fanye .pagination {
 margin: 0;
 display: inline-block;
 padding-left: 0;
 margin: 25px 0 0 0;
 border-radius: 4px;
}
.fanye .pagination > li {
 display: inline
}
.fanye .pagination > .active > a, .fanye .pagination > .active > span, .fanye .pagination > .active > a:hover, .fanye .pagination > .active > span:hover, .fanye .pagination > .active > a:focus, .fanye .pagination > .active > span:focus {
 background-color: #f75a53;
 border-color: #f75a53;
 color: #FFF;
}
.fanye .pagination > li > a:hover, .fanye .pagination > li > span:hover, .fanye .pagination > li > a:focus, .fanye .pagination > li > span:focus {
 color: #f75a53;
 background-color: #E3E3E3;
 border-color: #ededed;
}
.fanye .pagination > li > a, .fanye .pagination > li > span {
 color: #f75a53;
 border-color: #ededed;
 font-size: 14px;
}
.pagination-lg > li > a, .pagination-lg > li > span {
 padding: 12px 18px;
}
.pagination > li > a, .pagination > li > span {
 color: #428bca;
 text-decoration: none;
 background-color: #F7F7F7;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
 border-top-left-radius: 6px;
 border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
}





.team-bg {
 background-color: #e6e6e6;
}
.team figure {
 width: 262px;
 float: left;
 position: relative;
 height: 330px;
 margin: 15px;
}
.team figure:hover figcaption {
 display: block;
}
.team figure figcaption {
 position: absolute;
 width: 202px;
 height: 210px;
 top: 0px;
 left: 0px;
 display: none;
 background-color: rgba(247, 90, 83, 0.70);
 padding: 60px 30px;
 color: #FFFFFF;
}
.team figure h3.team-title {
 font-size: 14px;
 font-weight: normal;
 margin: 0;
 line-height: 60px;
 position: absolute;
 width: 262px;
 height: 60px;
 left: 0px;
 background-color: rgba(255, 255, 255, 0.95);
 bottom: 0px;
 color: #999999;
}
.team figure h3.team-title a {
 color: #F75A53;
 font-size: 18px;
 font-weight: bold;
}
.team figure:hover h3.team-title {
 display: none;
}
.team figure figcaption h3 {
 font-size: 16px;
 font-weight: bold;
 margin: 0 0 12px 0;
}
.team figure figcaption h3 a {
 color: #FFFFFF;
 text-decoration: underline;
}
.team figure figcaption h3 a:hover {
 text-decoration: none;
}
.team figure figcaption p {
 margin: 0;
 line-height: 28px;
}
.team-more {
 padding: 7px 10px 5px 10px;
 background-color: rgba(255, 255, 255, 0.70);
 color: #f75a53 !important;
 text-decoration: none !important;
}
.team-more:hover {
 color: #FFFFFF !important;
}
.ny-kehu .row {
 margin: 0 2px 15px 2px;
 border-left: 1px solid #EDEDED;
 border-right: 1px solid #FFFFFF;
 border-top: 1px solid #EDEDED;
}
.ny-kehu figure {
 width: 188px;
 float: left;
 position: relative;
 height: 100px;
 border-right: 1px solid #EDEDED;
 border-bottom: 1px solid #EDEDED;
}
.ny-kehu figure:hover figcaption {
 display: block;
}
.ny-kehu figure figcaption {
 position: absolute;
 width: 188px;
 height: 100px;
 top: 0px;
 left: 0px;
 display: none;
 background-color: rgba(247, 90, 83, 0.70);
 color: #FFFFFF;
 text-align: center;
 line-height: 100px
}
.ny-kehu figure figcaption {
 font-size: 16px;
}
.ny-kehu figure figcaption a {
 color: #FFFFFF;
}
.ny-kehu figure figcaption a:hover {
 text-decoration: underline;
}
.tags .tags-lie {
 width: 20%
}
.map {
 color: #999999
}
.map h3 a {
 color: #000000
}
.zzry figure, .tdfc figure {
 padding: 0 15px;
 float: left;
}
.tdfc figure {
 padding-bottom: 20px;
}
.zzry figure img, .tdfc figure img {
 width: 360px;
}
.zzry figure figcaption, .tdfc figure figcaption {
 margin-bottom: 15px;
}
.fzlc h3 {
 background-color: #f75a53;
 color: #FFFFFF;
 padding: 5px 10px;
}




.info .biaoti {
 font-size: 20px;
 margin-bottom: 10px;
 margin-top: 0;
}
.info .shuoming {
 color: #999;
 margin: 0 0 30px 0;
 padding-bottom: 20px;
 border-bottom: 1px solid #EDEDED;
 font-size: 12px;
}


.aside {width: 270px; margin:-25px auto 0 auto;}
.aside .ny-h4 { font-size: 16px; margin: 0px 0; padding-bottom: 15px; border-bottom: 1px solid #EDEDED;}
.aside ul {margin-top:-20px;}
.aside ul li {text-align:center;}
.aside ul li a {font-size:14px; color:#333333;}
.aside ul li a:hover {font-size:14px; color:#f75a53;}
.aside ul li small { color: #999999;}

.asidenew {width: 270px;  margin-top:20px;}
.asidenew h4 {font-size:20px;}
.asidenew ul li a {font-size:14px; color:#333333;}
.asidenew ul li a:hover {font-size:14px; color:#f75a53;}


.aside .xx-qq a, .aside .xx-sq a { text-indent: -9999px; width: 22px; height: 22px; display: inline-block;
                                   background-image: url(../images/news-zx.png); background-position: left top; background-repeat: no-repeat;}
.aside .xx-sq a { background-position: left -22px; margin-left: 5px;}
.aside figure { margin-top: 10px; text-align: center}
.aside figure.text-left { text-align: left}
.aside .team-gz, .aside .team-yy { height: 40px; margin-right: 20px; border-radius: 4px; padding: 0px 10px 0px 38px; display: block; line-height: 40px;
 background-image: url(../images/team-yy.png); background-position: left top; background-color: #F75A53; color: #FFFFFF; background-repeat: no-repeat;}
.aside .team-gz a, .aside .team-yy a { color: #FFFFFF}
.aside .team-gz:hover, .aside .team-yy:hover { background-color: #589ED7;}
.aside .team-yy { background-position: left bottom;}


.ny-team-tj {
 font-size: 16px;
 margin: 15px 0;
}
.team figcaption p {
 color: #FFFFFF !important;
}
.pages {
 padding: 30px 0 30px;
 text-align: center
}
.pages li {
 display: inline
}
.pages li.thisclass, .pages a:hover {
 padding: 5px 10px;
 border: 1px solid #f75a53;
 background: #f75a53;
 color: #fff;
 text-decoration: none;
 border-radius: 3px
}
.pages a {
 padding: 5px 10px;
 border: 1px solid #ddd;
 background: #fff;
 color: #A4A4A4;
 line-height: 18px;
 border-radius: 3px;
}


.hide {
 display: none
}
dl, dd {
 margin: 0;
 padding: 0
}
#nav > li > dl {
 position: absolute;
 top: 60px;
 left: 0;
 width: 100%;
 height: 20px;
 z-index: 99999;
}
#nav > li > dl > dd > a {
 display: block;
 height: 40px;
 line-height: 40px;
 background-color: #f7f7f7;
}
#nav > li > dl > dd > a:hover {
 background: #E44242;
 color: white;
}